{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block main %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"选择联系人",back:1} %}
    <div class="pad5 c11">
        {#默认联系人#}
        <div class="padtb5 c12 fs8">默认联系人</div>
        <div class="addrBj50 padb3 flex-r flex-fill pos-r">
            <div class="pad10 tac c12 round3 bcf flex1" v-if="!isTrue(defContact)">尚未设置</div>
            <div class="bcf lh2 pad10 fs10 flex1" v-if="isTrue(defContact)">
                <div> [[defContact.name]]</div>
                <div class="fs12">
                    [[defContact.phone]]
                </div>
            </div>
            <div class="fs16 c1 bcf flcc bdrso bdc1 bdw8">
                <span class="fa fa-caret-left"></span>
            </div>
            <mu-ripple  @click="setContact(defContact)"></mu-ripple>
        </div>

        {#其他联系人列表#}
        <div>
            <div class="padt10 c12 fs8 flrc">
                <div class="flex1">全部联系人</div>
                <div>
                    <mu-button @click="goto('myContactAdd',{id:0})" flat :color="c1">新增</mu-button>
                </div>
            </div>
            <div class="bcf lh2 fs8 mart5 flex-r flex-fill pos-r" v-for="item in list">
                <div class="bcf lh2 pad10 fs10 flex1">
                    <div> [[item.name]]</div>
                    <div class="fs12">
                        [[item.phone]]
                    </div>
                </div>
                <div class="fs16 c1 bcf flcc bdrso bdc1 bdw8">
                    <span class="fa fa-caret-left"></span>
                </div>
                <mu-ripple  @click="setContact(item)"></mu-ripple>
            </div>
        </div>
    </div>
{% endblock %}
